<script setup>
import TheNavBar from '../components/TheNavBar.vue';
</script>

<template>
  <div class="about min-h-screen">
    <!-- 使用导航栏组件 -->
    <TheNavBar />
    <div class="container mx-auto px-4 pt-24">
      <h1 class="text-4xl font-bold text-dark">This is an about page</h1>
    </div>
  </div>
</template>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
}
</style>
